.is-dark {
  z-index: 9999 !important;
}

/* 全局覆盖element-plus的el-tour、el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标和el-upload上传文件列表右侧关闭图标的样式，表现更鲜明 */
.el-dialog__headerbtn,
.el-message-box__headerbtn {
  &:hover {
    .el-dialog__close {
      color: var(--el-color-info) !important;
    }
  }
}

.el-icon {

  &.el-tour__close,
  &.el-dialog__close,
  &.el-drawer__close,
  &.el-message-box__close,
  &.el-notification__closeBtn,
  .el-upload-list__item.is-ready &.el-icon--close {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    outline: none;
    transition:
      background-color 0.2s,
      color 0.2s;

    &:hover {
      color: rgb(0 0 0 / 88%) !important;
      text-decoration: none;
      background-color: rgb(0 0 0 / 6%);
    }
  }
}

.el-divider__text {
  display: flex;
  align-items: center;

  .el-link {
    margin-left: 10px;
  }
}

.el-table {
  thead {
    color: #404144 !important;
  }

  th {
    background-color: rgb(250, 250, 250) !important;
  }

  .cell {
    text-align: center;
  }
}

.el-card {
  overflow-y: auto !important;
}

.el-overlay-dialog {
  overflow: hidden !important;
}

.el-dialog {
  padding: 0 !important;

  .el-dialog__header {
    padding: 10px;
    border-bottom: 1px solid #DCDFE6;

    .el-dialog__title {
      font-size: 15px;
    }
  }

  .el-dialog__body {
    padding: 20px;
    max-height: 60vh;
    overflow: auto;
  }

  .el-dialog__footer {
    padding: 10px;
    border-top: 1px solid #DCDFE6;
  }
}

.table_card {
  .el-card__body {
    padding: 0;
  }
}

.el-row {
  align-items: center;
}

.el-button {
  border-radius: 5px !important;
  outline: none !important;
}

.el-button--info {
  background-color: #27ba9b !important;
  border-color: #27ba9b !important;

  &:hover {
    background-color: #27caa7 !important;
    border-color: #27caa7 !important;
  }
}

.el-link--info {
  color: #27ba9b !important;
}

/* 屏幕宽度小于 700px */
@media (max-width: 700px) {
  .el-dialog {
    width: 80% !important;
  }
}

/* 屏幕宽度大于 700px, 小于 1000px */
// @media (min-width: 700px) and (max-width: 1000px) {
//   .el-dialog {
//     width: 65% !important;
//   }
// }

/* 屏幕宽度小于 1050px */
@media (max-width: 1050px) {
  .el_col_fit {
    max-width: 50% !important;
    min-width: 50% !important;
    flex: auto !important;
  }
}

/* 屏幕宽度小于 800px */
@media (max-width: 800px) {
  .el_col_fit {
    max-width: 100% !important;
    min-width: 100% !important;
    flex: auto !important;
  }
}

// 输入框提示文本居中
.el-input__inner,
.el-select__placeholder {
  text-align: center;
}